<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<!--
* Copyright 2010-2012 Research In Motion Limited.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
-->
<div style="background-color: #252525" data-bb-type="screen" data-bb-effect="fade">
	<div data-bb-type="title" data-bb-caption="Progress Bar" data-bb-back-caption="Back" ></div>
	<style>
		.center { margin: 0px auto 0px auto;}
	</style>
	<div style="margin:15px;color:Gray;">
		<p align="center">
		Below you will find an example of how to use activity indicators for PlayBook and BlackBerry 10<br />       
		</p>
	</div>
	<div style="text-align:center" style="padding-bottom: 30px;">
		<div data-bb-type="button" data-bb-selected="true" onclick="document.getElementById('actind').hide();">Hide</div>
		<div data-bb-type="button" data-bb-selected="true" onclick="document.getElementById('actind').show();">Show</div>
		<div data-bb-type="button" data-bb-selected="true" onclick="document.getElementById('actind').remove();">Remove</div>
	</div>
	
	<div class="center" id="actind" data-bb-type="activity-indicator" data-bb-size="large"></div>
	
	<div class="center" data-bb-type="activity-indicator" data-bb-size="medium"></div>
	
	<div class="center" data-bb-type="activity-indicator" data-bb-size="small"></div>
	
	<div data-bb-type="action-bar" data-bb-back-caption="Back"></div>
</div>
